/* CSS Reset */
@charset "UTF-8";

.title-1 {font-size: 50px;font-weight: 900;}
.title-2 {font-size: 30px;font-weight: 500;}
.title-3 {font-size: 16px;font-weight: 400;}
.title-4 {font-size: 20px;font-weight: 400;}
.title-5 {font-size: 26px;font-weight: 900;}
.title-6 {font-size: 24px;font-weight: 500;}
.title-7 {font-size: 18px;font-weight: 500;}
.title-8 {font-size: 22px;font-weight: 500;}
.title-9 {font-size: 34px;font-weight: 500;}
.title-10 {font-size: 60px;font-weight: 900;}
.title-11 {font-size: 32px;font-weight: 500;}
.title-12 {font-size: 28px;font-weight: 500;}
.title-13 {font-size: 52px;font-weight: 500;}
.title-14 {font-size: 14px;font-weight: 500;}
.title-15 {font-size: 40px;font-weight: 900;}
.text-1 {font-size: 22px;}
.text-2 {font-size: 16px;line-height: 26px;}
.text-3 {font-size: 34px;line-height: 44px;font-weight: 900;}
.text-4 {font-size: 15px;line-height: 26px;}
.text-5 {font-size: 40px;line-height: 50px;font-weight: 900;}
.text-6 {font-size:17px;line-height: 28px;}
.text-7 {font-size: 24px;line-height: 34px;}
.text-8 {font-size: 26px;line-height: 34px;}
.text-9 {font-size: 16px;line-height: 24px;}
.text-14 {font-size: 14px;line-height: 20px;}
.number-1 {font-size: 14px;}
.number-2 {font-size: 60px;font-family: 'Montserrat-Light';}
.number-3 {font-size:4.1vw;line-height: 80px;}
.number-4 {font-size: 16px;font-family: 'Montserrat-Light';}
.number-5 {font-size: 40px;font-weight: 600;}
.entitle-1 {font-size: 50px;font-family: 'Montserrat-Bold';}
.english-1 {font-size: 14px;font-family: 'Montserrat-Light';}
.english-2 {font-size: 30px;font-family: 'Montserrat-Bold';}
.english-3 {font-size: 200px;font-family: 'Montserrat-Bold';}
.type-1 {font-size: 14px;}
.date-1 {font-size: 12px;font-family: 'Montserrat-Light';}
.line-1 {width: 50px;height: 3px;margin: 20px 0;background: #fff;}
.line-2 {position: relative;width: 100%;height: 2px;margin: 30px 0;}
.line-2::before,.line-2::after {content: '';height: 2px;background: #fff;position: absolute;left: 0;top: 0;}
.line-2::before {background: #fff;width: 20%;z-index: 1;}
.line-2::after {background: #6db85d;width: 100%;}
.line-3 {width: 27px;height: 3px;margin: 30px auto;background: #156BFF;}
.line-4 {width: 22px;height: 4px;margin: 20px 0;background: #ededed;}
.viewmore-1 {margin-top: 5%;}
.viewmore-1 i{display: inline-block;vertical-align: middle;width: 48px;height: 48px;border: 1px solid #fff;border-radius: 100%;margin-right: 15px;background: url('../images/rb2.png') center no-repeat;}
.viewmore-1 span{display: inline-block;vertical-align: middle;font-size: 16px; text-transform: uppercase; font-family: "Microsoft YaHei"; font-weight:bold;}
.viewmore-1 a:hover span{color: #156BFF;}
.viewmore-1 a:hover i {background: #156BFF  url('../images/rb2.png') center no-repeat;border: 1px solid #156BFF;}
.viewmore-2 {margin-top: 5%;}
.viewmore-2 i{display: inline-block;vertical-align: middle;width: 24px;height: 24px;border: 2px solid #156BFF;border-radius: 100%;margin-right: 10px;background: url('../images/rb2.png') center no-repeat;position: relative;transition:all .4s ease;}
.viewmore-2 i::before,.viewmore-2 i::after {content: '';position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);background: #156BFF;}
.viewmore-2 i::before {width: 10px;height: 2px;}
.viewmore-2 i::after {width: 2px;height: 10px;}
.viewmore-2 span{display: inline-block;vertical-align: middle;font-size: 14px;font-family: 'Montserrat-Light';color: #156BFF;}
.viewmore-2 a:hover i{transform: rotate(180deg);}
.viewdetails-1 {margin-top: 5%;}
.viewdetails-1 span{display: inline-block;vertical-align: middle;font-size: 14px;font-family: 'Montserrat-Light';color: #999;}
.viewdetails-1 i{display: inline-block;vertical-align: middle;width: 14px;height:10px;margin-left: 15px;background: url('../images/rh1.png') center no-repeat;opacity: .5;display: none;}
.detail-2 {margin-top:2%;font-size: 0;}
.detail-2 span{display: inline-block;vertical-align: middle;font-size: 16px;color: #999;}
.detail-2 i {display: inline-block;vertical-align: middle;width: 14px;height:9px;margin-left: 10px;background: url('../images/r1.png') center no-repeat; filter: grayscale(100%);opacity: .5;}


.index-product {width: 100%;height: 100%;position: relative;}
.section-content {width:84%;margin: auto;overflow: hidden;position: relative;}
.index-product .section-content {position: absolute;top: 55%;transform: translateY(-50%);left: 10%;}
.index-product-left{float: left;width: 37%;}
.index-product-left .text-2  {color: #666;margin-top: 5%;}
.index-product-nav{margin-top: 5%;}
.index-product-nav a{display: block;position: relative;border-bottom: 1px solid #ededed;padding: 4% 0;overflow: hidden;}
.index-product-nav span{font-size: 20px;}
.index-product-nav i{display: block;font-style: normal;font-size: 16px;color: #999;position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-family: 'Montserrat-Light';}
.index-product-nav a.cur {border-bottom: 1px solid #156BFF;}
.index-product-nav a.cur span,.index-product-nav a.cur i{color: #156BFF;}
.index-product-left .viewmore-2 {margin-top: 9%;}
.index-product-right {float: right;width: 57%;}
.index-product-swiper {width: 100%;height: 100%;}
.index-product-swiper .img{position: relative;}


.index-application {width: 100%;height: 100%;position: relative;}
.index-application .section-content {height: 100%;position: absolute;top: 50%;transform: translateY(-50%);left: 10%;z-index: 11;}
.index-application .title {position: absolute;top: 20%;left: 0;width: 100%;color: #fff;}
.index-application .text-3 {margin-top: 2%;}
.index-application .text-3 p {margin: 0;padding: 0;}
.index-application-nav {position: absolute;width: 100%;left:0;bottom: 10%;font-size: 0;}
.index-application-nav a{display: inline-block;vertical-align: top;width: 19.111%;margin-right:1%;text-align: left;border: 1px solid rgba(255,255,255,.2);box-sizing: border-box;color: #fff;position: relative;}
.index-application-nav a:last-child {margin-right: 0;}
.index-application-nav .number-1 {position: absolute;left: 10%;top: 10%;}
.index-application-nav .text{position: absolute;left: 10%;bottom: 10%;}
.index-application-nav .english-1 {opacity: .6;}
.index-application-nav .pic img{opacity: 0;}
.index-application-nav a.cur {background: #156BFF;}
.index-application-nav a.cur .english-1 {opacity: 1;}
.index-application-nav a.cur img {opacity: 1;}
.index-application-nav.num5 a{width: 19.111%;}
.index-application-nav.num6 a{width: 16%;}
.index-application-nav .index-application-nav-swiper a{width: 100%;}
.iapplication-prev,.iapplication-next {transition:all .4s ease;width: 50px;height: 50px;border: 1px solid rgba(255,255,255,.5);border-radius: 100%;top: 50%;margin-top: -25px;}
.iapplication-next::after,.iapplication-prev::after {color: #fff;font-size: 12px;}
.iapplication-prev {left: auto;right: 70px;}


.index-about {width: 100%;height: 100%;position: relative;}
.index-about .section-content {position: absolute;top: 55%;transform: translateY(-50%);left: 10%;z-index: 11;}
.index-about-content {width: 100%;height: auto;position: relative;background: rgba(0,0,0,.3);overflow: hidden;}
.index-about-content-left {width: 50%;height: 100%;position: absolute;box-sizing: border-box;border-left: 1px solid rgba(255,255,255,.2);border-top: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2);overflow: hidden;left: 0;top: 0;}
.index-about-content-left .text {color: #fff;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;z-index: 11;width: 74%;}
.index-about-content-left .text .title-5{margin: 3% 0;}
.index-about-content-left .text .text-2{opacity: .6;}
.index-about-content-left .text .viewmore-1{margin-top: 10%;}
.index-about-content-left .text .viewmore-1 span {color: #fff;}
.index-about-content-left .text .viewmore-1 a:hover span{color: #156BFF;}
.index-about-content-right {float: right;width: 50%;position: relative;box-sizing: border-box;border: 1px solid rgba(255,255,255,.2);overflow: hidden;}
.index-about-content-right::before,.index-about-content-right::after {content: '';position: absolute;z-index: 11;background: #fff;opacity: .2;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.index-about-content-right::before {width: 100%;height: 1px;}
.index-about-content-right::after {width: 1px;height: 100%;}
.index-about-content-item {float: left;width: 50%;position: relative;}
.index-about-content-item a {color: #fff;}
.index-about-content-item .title-3{position: absolute;left: 10%;bottom: 10%;opacity: .6;z-index: 11;}
.index-about-content-item .title-3:first-child {bottom: auto;top: 10%;}
.index-about-content-item .number-2{position: absolute;left: 0;top: 50%;transform: translateY(-50%);text-align: center;width: 100%;z-index: 11;}
.index-about-content-item .number-2 strong{font-weight: bold;}
.index-about-content-item .number-2 sub {font-size: 20px;vertical-align: baseline;}
.index-about-content-item .img {background: none;}
.index-about-content-item .img img{opacity: 0;}
.index-about-content-item a:hover .title-3{opacity: 1;}
.index-about-content-item a:hover .img img.img-block{opacity: 1;}
.index-about-content-item a:hover .img img{opacity: 1;}


.index-news {width: 100%;height: 100%;position: relative;background: #f7f7f7;}
.index-news .section-content  {position: absolute;top: 55%;transform: translateY(-50%);left: 10%;z-index: 11;}
.index-news-top {position: relative;padding-bottom: 3%;}
.index-news-top .title{position: relative;overflow: hidden;}
.index-news-top .viewmore-1{position: absolute;right: 0;top: 50%;transform: translateY(-50%);margin-top:0;} 
.index-news-top .viewmore-1 a i {border: 1px solid #156BFF;background: url('../images/rh3.png') center no-repeat;}
.index-news-top .viewmore-1 a span {color: #156BFF;}
.index-news-bottom {overflow: hidden;position: relative;}
.index-news-left {float: left;width: 30%;}
.index-news-item {position: relative;width: 100%;height: 100%;}
.index-news-item a{width: 100%;height: 100%;display: block;position: relative;background: #fff;overflow: hidden;}
.index-news-item .text {overflow: hidden;position: relative;margin: 5%;padding-bottom: 7%;}
.index-news-item .type-1 {color: #156BFF;}
.index-news-item .date-1 {color: #999999;position: absolute;right: 0;top: 0;}
.index-news-item .title-6 {margin-top: 5%;}
.index-news-item .viewdetails-1 {margin-top: 15%;}
.index-news-item .img {background: none;}
.index-news-left .index-news-item a:hover .title-6,.index-news-left .index-news-item a:hover .viewdetails-1 span{color: #156BFF;}
.index-news-left .index-news-item a:hover .img .pic {transform: scale(1.05);}
.index-news-center {width: 32%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-news-center .index-news-item a {background: #156BFF;color: #fff;}
.index-news-center .index-news-item a .type-1,.index-news-center .index-news-item a .date-1 {color: #fff;}
.index-news-center .index-news-item a .text-4,.index-news-center .index-news-item a .date-1,.index-news-center .index-news-item a .type-1 {opacity: .8;}
.index-news-center .index-news-item a .line-2::before{transition: all .4s ease;}
.index-news-center .index-news-item a:hover {background: #54b840;}
.index-news-center .index-news-item a:hover .line-2::before {width: 100%;}
.index-news-center .index-news-item a .text {height: 72%;margin: 14%;}
.index-news-center .index-news-item .viewdetails-1 {position: absolute;bottom: 0;}
.index-news-center .index-news-item .viewdetails-1 span {color: #fff;opacity: .8;}
.index-news-center .index-news-item .viewdetails-1 i {filter: invert(100%);}
.index-news-right {float: right;width: 30%;}
.index-news-right .index-news-item {margin-bottom: 7%;}
.index-news-right .index-news-item:last-child {margin-bottom: 0;}
.index-news-right .index-news-item .img {float: left;width: 50%;}
.index-news-right .index-news-item .text {float: right;width: 46%;padding: 3% 0 0 4%;margin: 0;}
.index-news-right .index-news-item .text .date-1 {position: relative;right: auto;top: auto;}
.index-news-right .index-news-item .text .title-6 {font-size: 16px;}
.index-news-right .index-news-item .viewdetails-1 span {font-size: 12px;}
.index-news-right .index-news-item a {background: none;}
.index-news-right .index-news-item a:hover .img .pic {transform: scale(1.05);}
.index-news-right .index-news-item a:hover .title-6 {color: #156BFF;}

.index-product-nav2 {position: absolute;left: 0;bottom: 0;width: 43%;z-index: 1;}
.index-product-nav2 a{display: block;position: relative;overflow: hidden;float: left;width: 50%;box-sizing: border-box;border: 1px solid #ededed;}
.index-product-nav2 .text{position: absolute;left: 10%;top: 15%;z-index: 11;width: 80%;height: 70%;}
.index-product-nav2 .text strong{font-size: 26px;margin: 0;padding: 0;font-weight: 500;}
.index-product-nav2 .text span{display: block;font-size: 14px;color: #cccccc;}
.index-product-nav2 .text i{display: block;font-style: normal;font-size: 16px;color: #cccccc;position: absolute;right: 0;top: 10%;}
.index-product-nav2 .text::before {content: '';width: 14px;height: 9px;position: absolute;right: 0;bottom:0;z-index: 11;background: url('../images/r8.png') center no-repeat;}
.index-product-nav2 .pic{position: relative;background-color: #f8f8f8;}
.index-product-nav2 .pic img{opacity: 0;}
.index-product-nav2 a.cur .pic{background-color: #156bff;}
.index-product-nav2 a.cur .pic img{opacity: 1;}
.index-product-nav2 a.cur .text::before {filter: invert(100%);}
.index-product-nav2 a.cur .text strong,.index-product-nav2 a.cur .text span{color: #fff;}
.index-product-nav2 a.cur .text i{color: #fff;}


/* product */
.page-section-banner {position: relative;width: 100%;overflow: hidden;color: #fff;}
.page-section-banner .text{position: absolute;width: 40%;left:8.9%;top:55%;z-index: 11;transform: translateY(-50%);}
.page-section-banner .text .title {overflow: hidden;}
.page-section-banner .text .title .text-5{margin-top: 2%; font-weight:normal;}
.page-section-banner .text .title .text-5 strong{color: #fff;}
.page-section-banner .date {position: absolute;width: 50%;right: 10%;top: 50%;z-index: 11;transform: translateY(-5%);text-align: right;}
.page-section-banner .date .item-1{display: inline-block;min-width: 24%;text-align: left;border-bottom: 1px solid rgba(255,255,255,.4);padding:1% 0;overflow: hidden;margin-left: 20px;}
.page-section-banner .date .item-1 .number-3{display: inline-block;vertical-align: top;}
.page-section-banner .date .item-1 .title-3{display: inline-block;vertical-align: top;margin-top: 2%;margin-left:6px;}
.page-section-banner .img .pic{animation: srmgani 4000ms 1 ease forwards;}

.page-section-banner .img .pic::before{content: "";position: absolute;left: 0;top: 0;z-index: 5;width: 100%;height: 100%;background: rgba(10, 37, 114, .1);}
.page-section-banner .img .pic::before{content: "";position: absolute;left: 0;top: 0;z-index: 5;width: 100%;height: 100%;background: rgba(14, 40, 118, .1);}
.page-section-banner .img .pic::after{content: "";position: absolute;left: 0;top: 0;z-index: 5;width: 100%;height: 64%;background: linear-gradient(180deg, rgba(10, 37, 114, .4), rgba(10, 37, 114, 0));}

.page-section-banner .text.none,.page-section-banner .date.none{display: none;}

.section-banner-nav {position: absolute;width:84%;left:8%;bottom:7%;z-index: 11;border-top: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2);}
.section-banner-nav a{display: inline-block;vertical-align: middle;margin-right: 40px;font-size: 18px;color: #fff;opacity: .8;padding: 1.5% 0;}
.section-banner-nav a.cur,.section-banner-nav a.cur:hover{opacity: 1;color: #fff;}
.section-banner-nav a:hover {color: #156BFF;opacity: 1;}

.section-banner-top-nav {position: fixed;top:0px;left: 0;width: 100%;z-index: 11111;transform: translateY(-100px);transition:all .4s ease;
	background: #fff;bottom: auto;text-align: center;border-top: 1px solid rgba(0,0,0,.2);border-bottom: 1px solid rgba(0,0,0,.2);}
.section-banner-top-nav a {color: #666;display: inline-block;vertical-align: middle;margin-right: 40px;font-size: 18px;padding: 1.5% 0;position: relative;}
.section-banner-top-nav a::after{content: '';width: 0px;height: 1px;background: #156BFF;position: absolute;left: 0;bottom: 0;z-index: 11;transition:all .4s ease;}
.section-banner-top-nav a.cur {color: #156BFF;}
.section-banner-top-nav a.cur::after {width: 100%;}
.section-banner-top-nav a:hover::after {width: 100%;}
.section-banner-top-nav.position-fixed {transform: translateY(0px);}


 

.page-section-path {position: absolute;left: 2%;top: 12%;z-index: 11;}
.page-section-path a{font-size: 12px;color: #fff;display: inline-block;vertical-align: middle;padding: 2px 15px;border: 1px solid rgba(255,255,255,.2);border-radius: 50px;}
.page-section-path span {margin: 0 4px;display: inline-block;vertical-align: middle;font-size: 12px;color: #fff;font-family: Arial, Helvetica, sans-serif;}
.page-section-path a:hover {border: 1px solid rgba(255,255,255,1);}
.page-path .page-section-path a.cur {border: none;padding: 2px 10px;}
.page-section-path.top15 {top: 21%;}

.page-product {padding: 5% 0 2% 0;overflow: hidden;background: #f5f7fb;}
.page-product .title-9 {text-align: center;}
.page-product-list {margin-top: 3%;}
.product-item {float: left;width:31%;margin-right:1%; margin-left:1%;margin-bottom:2%;}
.product-item a {display: block;overflow: hidden;}
.product-item a:hover {box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.05);}
.product-item.mr0 {margin-right: 0;}
.product-item .img{background: none;}
.product-item .text {overflow: hidden;padding: 5% 5%;background: #fff;}
.product-item .text .title-8{position: relative;padding: 2% 0;border-bottom: 1px solid transparent;}
.product-item .text .title-8::after {content: '';width: 17px;height: 10px;background: url('../images/rl1.png');top: 50%;z-index: 11;transform: translateY(-50%);position: absolute;right: 5%;transition:all .4s ease;opacity: 0;display: none;}
.product-item .text .text-2{color: #999999;padding: 1% 0;min-height: 49px;}
.product-item a:hover .pic {transform: scale(1.05);}
.product-item a:hover .title-8{color: #156BFF;}
.product-item a:hover .title-8::after {right: 0;opacity: 1;}

.product-title {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);z-index: 11;text-align: center;color: #fff;}
.product-title .title {position: relative;}
.product-title .title .title-10{position: absolute;left: 0;bottom: 0;width: 100%;}
.product-title .title .english-3{text-transform: uppercase;line-height: 170px;}
.product-title .title .english-3 span {opacity: .1;}
.product-title .title-7{margin-top: .5%;}
.product-title .linkurl-1 {margin-top: 2%;}
.product-title .linkurl-1 a {width: 160px;line-height: 60px;text-align: center;background: #156BFF;color: #fff;font-size: 16px;display: block;margin: auto;}
.product-date {margin-top: 5%;}
.product-date li{list-style: none;display: inline-block;vertical-align: middle;position: relative;overflow: hidden;padding: 0 3%;}
.product-date li::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #fff;opacity: .1;}
.product-date li:last-child::after {display: none;}
.product-date h3{font-weight: normal;margin: 0;padding: 0;display: block;}
.product-date strong{font-weight: normal;margin: 0;padding: 0;display: inline-block;vertical-align: middle;font-size: 36px;font-family: 'Montserrat-Light';}
.product-date sub{display: inline-block;vertical-align: middle;font-size: 18px;font-family: 'Montserrat-Light';margin-top: 8px;margin-left: 10px;}
.product-date p{display: block;font-size: 16px;opacity: .6;padding: 5px 0;margin: 0;}
.product-date.num4 li {width: 7%;}      

.page-product-characteristic {background:#f5f7fb;padding: 7% 0;overflow: hidden;}
.product-characteristic-top{overflow: hidden;position: relative;}
.product-characteristic-top .title{position: relative;}
.product-characteristic-bottom {margin-top: 4%;overflow: hidden;}
.product-characteristic-swiper {position: relative;}
.product-characteristic-swiper .img{background: #fff;position: relative;}
.product-characteristic-swiper .img img {opacity: 0;transform: scale(2);}
.product-characteristic-swiper .text {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;z-index: 11;text-align: center;}
.product-characteristic-swiper .text .icon-1{position: relative;border: 2px solid #e8e8e8;border-radius: 4px;width: 88px;height: 88px;margin: auto;}
.product-characteristic-swiper .text .title-8{line-height: 20px; }
.product-characteristic-swiper .text .title-88{ font-size:15px; line-height:24px; color:#999; text-align:left; padding:1vw 1.7vw;}
.product-characteristic-swiper .text .title-88 p{ margin-top:7px; color:#999}
.product-characteristic-swiper .img::before {content: '';width: 100%;height: 4px;background: #156BFF;position: absolute;left: 0;bottom: 0;transition:all .4s ease;}
.product-characteristic-swiper .swiper-slide * {transition:all .4s ease;}
.product-characteristic-swiper .swiper-slide:hover .img::before{height: 100%;opacity: 0;}
.product-characteristic-swiper .swiper-slide:hover .img {background: #156BFF;}
.product-characteristic-swiper .swiper-slide:hover .img img {opacity: 1;transform: scale(1);}
.product-characteristic-swiper .swiper-slide:hover .icon-1 img{filter: invert(100%);}
.product-characteristic-swiper .swiper-slide:hover .title-8 {color: #fff;}
.product-characteristic-swiper .swiper-slide:hover .title-88 {color: #fff; opacity: 0.8;}
.product-characteristic-swiper .swiper-slide:hover .title-88 p{color: #fff; opacity: 0.8;}
.product-characteristic-swiper .swiper-slide:hover .line-3  {background: #fff;}
.characteristic-prev,.characteristic-next {left: auto;right: 0;width: 50px;height: 50px;margin-top: -25px;border-radius: 100%;background: #fff;transition:all .4s ease;}
.characteristic-prev::after,.characteristic-next::after {font-size: 12px;color: #000;}
.characteristic-prev {right: 60px;}
.characteristic-prev:hover,.characteristic-next:hover {background: #156BFF;}
.characteristic-prev:hover::after,.characteristic-next:hover::after {color: #fff;}

.page-product-application {padding: 7% 0;overflow: hidden;}
.page-product-application .section-content{width: 100%;}
.product-application-left {float: left;width: 50%;}
.product-application-swiper {overflow: hidden;}
.product-application-swiper .swiper-slide-active .img .pic{animation: fangda2 4000ms 1 ease forwards;}
.product-application-right {float: left;width:39%;padding-left: 5%;position: relative;}
.product-application-right .title .entitle-1 {margin-top: 5%;}
.application-list {overflow: hidden;padding: 3% 0;margin-top: 5%;}
.application-item {float: left;width: 48%;margin-right: 1.5%;margin-bottom: 1.5%;}
.application-item.mr0 {margin-right: 0;}
.application-item a{display: block;border: 1px solid #f4f4f4;position: relative;overflow: hidden;cursor: pointer;}
.application-item .title{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 11;}
.application-item .number-4{position: absolute;left: 10%;top: 15%;width: 80%;}
.application-item .title-4{position: absolute;left: 10%;bottom: 15%;width: 80%; font-size:1.15vw;}
.application-item .img {background: #fff;}
.application-item img{opacity: 0;}
/* .application-item a:hover .title-4,.application-item a:hover .number-4{color: #fff;}
.application-item a:hover img{opacity: 1;}
.application-item a:hover .img {background: #156BFF;} */
.application-item.cur .title-4,.application-item.cur .number-4{color: #fff;}
.application-item.cur img{opacity: 1;}
.application-item.cur .img {background: #156BFF;}

.page-product-download {background: #f7f7f7;padding: 7% 0;overflow: hidden;}
.product-download-top{overflow: hidden;position: relative;}
.product-download-top .title{position: relative;}
.product-download-bottom {margin-top: 4%;overflow: hidden;}
.product-download-swiper {position: relative;}
.product-download-swiper a{display: block;position: relative;overflow: hidden;}
.product-download-swiper .title {position: absolute;left: 10%;top: 15%;width: 80%;z-index: 11;}
.product-download-swiper .type-1 {color: #156BFF;}
.product-download-swiper .title-6 {margin-top: 3%;}
.product-download-swiper .download-1 {position: absolute;left: 10%;bottom: 15%;z-index: 11;padding-right: 30px;background: url('../../product/images/d.png') right center no-repeat;}
.product-download-swiper .img {background-color: #fff;position: relative;}
.product-download-swiper .img::before{content: '';background: url('../../product/images/pdf.png') center no-repeat;background-size: 100%;position: absolute;left: 25%;top: 0;width: 100%;height: 100%;z-index: 10;transition:all .4s ease;}
.product-download-swiper .img img{opacity: 0;}
.product-download-swiper a:hover .img::before{background-size: 60%;}
.product-download-swiper a:hover .title-6 ,.product-download-swiper a:hover .download-1 {color: #156BFF;}

.page-product-detail-pic {overflow: hidden;}
.page-product-detail-pic img {display: block;max-width: 100%;height:auto;}

.page-product-specifications {padding:0 0 5% 0;overflow: hidden;}
.page-product-specifications-top {text-align: center;}
.page-product-specifications-bottom {padding-top: 5%;font-size: 22px;color: #999999;}
.page-product-specifications-bottom img {display: block;max-width: 100%;height:auto;}


.page-data-parameter {padding: 5% 0;background: #fff}
.page-data-parameter .section-content {overflow: hidden;}
.parameter-bottom-pic {position: relative;overflow: hidden;padding: 3% 0 2% 0;}
.parameter-bottom-pic p{ margin-bottom:18px; font-size:19px; line-height:44px;}
.parameter-bottom-pic p span{ font-size:21px; font-weight:bold;}
.parameter-bottom-pic img{max-width: 100%;height: auto;width: auto;}

.xw{font-size:16px;line-height:30px;}
.xw img,.xw p{margin:10px 0;}
.xw img{max-width:100%;}
.xw p{text-indent: 2em; line-height: 30px;}


/* application */
.page-application-area {padding: 5% 0;overflow: hidden}
.application-area-list {overflow: hidden;}
.application-area-item {float: left;width: 48%;margin-right: 2%;margin-bottom: 2%;}
.application-area-list .application-area-item:nth-child(2n){margin-right: 0;}
.application-area-item a{display: block;}
.application-area-item .text{padding: 3% 0;}
.application-area-item .title-8{border-bottom: 1px solid #ededed;padding-bottom: 2%;}
.application-area-item .text-2{padding-top: 2%;color: #999999;}
.application-area-item .detail-2{margin-top: 2%;position: relative;padding-bottom: 10px;display: inline-block;}
.application-area-item .detail-2::after {content: '';width: 0px;height: 1px;background: #156BFF;position: absolute;left: 0;bottom: 0;transition:all .4s ease;}
.application-area-item a:hover .img .pic{transform: scale(1.05);}
.application-area-item a:hover .title-8,.application-area-item a:hover .detail-2 span{color: #156BFF;}
.application-area-item a:hover .detail-2::after {width: 100%;}
.application-area-item a:hover .detail-2 i {filter: grayscale(0);opacity: 1;}

.page-path {margin-top: 110px;}
.page-path .page-section-path{position: relative;left: auto;top: auto;padding: 1% 0;width: 96%;margin: auto;}
.page-path .page-section-path a {color: #000; border: 1px solid rgba(0,0,0,.2);}
.page-path .page-section-path span {color: #666;}

.page-application-detail {width: 96%;margin: auto;padding: 1% 0;overflow: hidden;}
.application-detail-top-pic {position: relative;}
.application-detail-top-pic-swiper {position: relative;}
.application-detail-top-pic-swiper .pic{overflow: hidden;opacity: 0;}
.application-detail-top-pic-swiper .swiper-slide-active .pic{animation: fangda2 4000ms 1 ease forwards;opacity: 1;}
@keyframes fangda2{0%{transform:scale(1);} 100%{transform:scale(1.05);}}
.application-prev {left: 2%;}
.application-next {right: 2%;}
.application-prev::after,.application-next::after {font-size: 16px;color: #fff;}
.application-pagination {bottom: 5%!important;}
.application-pagination span{background: #fff;opacity: 1;width: 4px;height: 4px;margin: 0 5px!important;}
.application-pagination .swiper-pagination-bullet-active {background: #156BFF;}
.application-text {position: absolute;left: 10%;top: 50%;z-index: 11;color: #fff;display: inline-block; border-bottom: 1px solid rgba(255,255,255,.4);padding: 1% 0;}
.application-text .number-3 {display: inline-block;vertical-align: top;}
.application-text .title-3 {display: inline-block;vertical-align: top;margin-top: 5%;margin-left: 10px;}

.application-detail-main {width: 80%;margin: auto;padding: 2% 0;overflow: hidden;}
.application-detail-main-top {border-bottom: 1px solid #ededed;padding: 1.5% 0;overflow: hidden;position: relative;}
.application-detail-main-top .return-1{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.application-detail-main-top .return-1 a{font-size: 16px;display: block;background:#156BFF;width: 140px;height: 47px;line-height: 47px;display: inline-block;text-align: center;border-radius:4px;color: #fff;}
.application-detail-main-top .return-1 a:hover {background:#4287fe; color: #fff; border-radius: 4px;}
.application-detail-center {position: relative;overflow: hidden;padding:3% 0;}
.application-detail-left {float: left;width: 10%;}
.application-detail-right {float: left;width: 90%;overflow: hidden;}
.application-detail-main-center{font-size: 18px;line-height: 26px;color: #505050;position: relative;overflow: hidden;}
.application-detail-main-center img {max-width: 100%;width:auto;height: auto;}
.application-detail-main-bottom {overflow: hidden;padding: 3% 0;}
.application-detail-main-bottom a{display: block;border-bottom: 1px solid #ededed;padding:3% 0;overflow: hidden;}
.application-detail-main-bottom span {display: inline-block;vertical-align: middle;font-size: 16px;color: #bebebe;}
.application-detail-main-bottom strong {display: inline-block;vertical-align: middle;font-size: 28px;color: #202020;margin-left: 2%;}
.application-detail-main-bottom a:hover {border-bottom: 1px solid #156BFF;}
.application-detail-main-bottom a:hover strong {color: #156BFF;}
.application-detail-bottom {padding: 3% 0;overflow: hidden;}
.application-detail-bottom-top {position: relative;}
.application-detail-bottom-top a {display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.application-detail-bottom-top a:hover {color: #156BFF;}
.application-other {overflow: hidden;}
.application-detail-share {position: absolute;left: 0;top: 5%;z-index: 11;}
.application-detail-share a{display: block;position: relative;width: 70px;height: 70px;background: #f8f8f8;margin-bottom: 2px;}
.application-detail-share img {opacity: 1;filter: invert(100%);opacity: .2;}
.application-detail-share a:hover {background: #156BFF;}
.application-detail-share a:hover img{filter: invert(0);opacity: 1;}



/* advantages */
.page-section-banner.advantages .text {width: 80%;}
.page-section-banner.advantages .text .date{right:auto;left: auto;top: auto;transform: none;bottom:auto;text-align: left;position: relative;margin-top: 4%;width: 100%;}
.page-section-banner.advantages .text .date .item-1 {min-width: 18%; margin-left: 0px;margin-right: 20px;}
.page-advantages {padding: 5% 0;overflow: hidden;}
.advantages-top {padding-bottom: 2%;position: relative;overflow: hidden;border-bottom: 1px solid #ededed;}
.advantages-top .title-3{color: #999999;}
.technological-innovation {overflow: hidden;}
.technological-innovation .title{text-align: center;}
.technological-innovation .title-2{color: #50514a;font-weight: 900;}
.technological-innovation-list {padding: 2% 0 0 0;overflow: hidden;text-align: center;}
.technological-innovation-item {float: left;width: 48%;overflow: hidden;}
.technological-innovation-item:last-child {float: right;}
.technological-innovation-item .text{padding: 4% 0;overflow: hidden;}
.technological-innovation-item .line-5{height: 20px;width: 1px;margin: 10px auto;background: #156BFF;}
 .technological-innovation-item .text-2{/*border: 1px solid #fff;margin-top: 3%;*/overflow: hidden;padding: 4% ;color: #50514a;line-height: 30px;min-height: 190px;} 

.page-throughput {padding: 5% 0 5% 0;overflow: hidden;background-size: cover;}
.throughput-content {text-align: center;}
.throughput-content .title-2{color: #50514a;font-weight: 900;}
.throughput-content-list {text-align: center;}
.throughput-item {margin: 2% 2% 0 2%;display: inline-block;vertical-align: top;padding: 0 .5%;max-width: 16%;transition:all .4s ease;}
.throughput-item .icon{position: relative;width: 170px;height: 170px;margin: auto;background: url('../../advantages/images/hw.png') center no-repeat;background-size: 100%;}
.throughput-item .title-4{margin-top: 40px}
.throughput-item .text-2{margin-top: 30px;}
.throughput-item:hover {margin: 0 2% 2% 2%;}

.throughput-content-item4 {overflow: hidden;width: 80%;margin: auto;padding-bottom: 6%;position: relative;}
.throughput-content-pic {overflow: hidden;}
.throughput-content-pic-swiper {overflow: hidden;}
.throughput-content-pic-swiper .img{position: relative;overflow: hidden;}
.throughput-content-pic-swiper .img img{display: block;}
.throughput-content-text {position: absolute;width: 76%;bottom: 0;right: 0;z-index: 11;}
.throughput-content-text-item  {width: 25%;float: left;position: relative;overflow: hidden;}
.throughput-content-text-item::after{content: '';width: 100%;height:10px;background: #fff;position: absolute;left: 0;bottom: 0;z-index: 111;opacity: .2;}
.throughput-content-text-item a {display: block;overflow: hidden;position: relative;}
.throughput-content-text-item a::after{content: '';width: 1px;height: 100%;background: #eaeaea;position: absolute;right: 0;top: 0;z-index: 1;}
.throughput-content-text-item .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;font-size: 20px;z-index: 11;text-align: left;padding: 10%;box-sizing: border-box;}
.throughput-content-text-item .num-1{color: #cccccc;font-size: 20px;}
.throughput-content-text-item .title-2{color: #50514a;font-size: 20px;margin: 14% 0;min-height: 60px;}
.throughput-content-text-item .text-3{color: #50514a;font-size: 15px;line-height:24px;font-weight: normal;}
.throughput-content-text-item .img {background: #fff;}
.throughput-content-text-item .img img {opacity: 0;}
.throughput-content-text-item.cur .title-2,.throughput-content-text-item.cur .text-3,.throughput-content-text-item.cur .num-1{color: #fff;}
.throughput-content-text-item.cur .num-1 {opacity: .3;}
.throughput-content-text-item.cur .img{background: #156BFF;}
.throughput-content-text-item.cur .img img {opacity: 1;}



.page-market-layout {padding: 5% 0;overflow: hidden;}
.market-layout-content {text-align: center;}
.market-layout-content .title {color: #50514a;}
.market-layout-content .date{margin-top: 2%;}
.market-layout-content .item-1{display: inline-block;min-width: 15%;text-align: left;border-bottom: 1px solid #eaeaea;padding:1% 0;overflow: hidden;margin-left: 20px;}
.market-layout-content .number-3{color: #59b746;display: inline-block;vertical-align: top;}
.market-layout-content .title-3{display: inline-block;vertical-align: top;margin-top: 2%;margin-left: 10px;}
.market-layout-content .title-3 span{color: #156BFF;}
.market-layout-content .img {background: none;position: relative;padding: 4% 0;}
.market-layout-content .img .pic {display: inline-block;position: relative;}
.market-layout-content .img .pic img {display: inline-block;width: auto;}
.market-layout-content .img .dian-1 {position: absolute;width: 70px;left: 0;top: 0;z-index: 11;}
.market-layout-content .img .dian-1 i{display: block;min-width: 40px;min-height: 40px;position: relative;}
.market-layout-content .img .dian-1 i img {position: relative;z-index: 11;}
.market-layout-content .img .dian-1 i::before,.market-layout-content .img .dian-1 i::after {content: '';width: 53px;height: 20px;position: absolute;left: 50%;bottom: 0;background: url('../../advantages/images/yuan.png') center no-repeat;background-size: 100%;transform: translateX(-50%);opacity: 0;}
.market-layout-content .img .dian-1 i::before {animation: dianfanda 4000ms ease infinite;}
.market-layout-content .img .dian-1 i::after {animation: dianfanda1 6000ms ease infinite;animation-delay:4000ms;}
.market-layout-content .img .dian-1 span{display: block;font-size: 16px;color: #50514a;padding:4px 0;}
.market-layout-content .img .dian-1.cur i{padding-bottom: 5px;}
.market-layout-content .img .dian-1.dian1 {left: 62%;top: 29%;}
.market-layout-content .img .dian-1.dian2 {left: 26%;top: 28%;}
.market-layout-content .img .dian-1.dian3 {left: 46%;top: 31%;}
.market-layout-content .img .dian-1.dian4 {left: 84%;top: 33%;}
.market-layout-content .img .dian-1.dian5 {left: 79%;top: 45%;}
.market-layout-content .img .dian-1.dian6 {left: 72%;top: 62%;}
@keyframes dianfanda{0%{transform:translateX(-50%) scale(0);opacity: 1;} 100%{transform:translateX(-50%) scale(2);opacity: 0;}}
@keyframes dianfanda1{0%{transform:translateX(-50%) scale(0);opacity: 1;} 100%{transform:translateX(-50%) scale(1);opacity: .8;}}

.linesvg {z-index: 8;position: absolute;}
.linesvg svg {width: 100%;display: block;height: auto;}
.linesvg-1 {width: 408.5px;height: 81.5px;right: 33%;top: 25%;}
.linesvg-2 {width: 183.5px;height: 45.5px;right: 34%;top: 33%;}
.linesvg-3 {width: 111.5px;height: 125.5px;left: 65%;top: 40%;}
.linesvg-4 {width: 182.5px;height: 60.5px; left: 65%;top: 39%;}
.linesvg-5 {width: 227.5px;height: 29.5px; left: 66%;top: 35%;}
.path {stroke-dashoffset: 1000;stroke-dasharray: 1000;stroke-width: 1px;stroke:rgb(89, 183, 70); }
.pathdash1 .path{animation: dash1 3000ms linear infinite;}
@keyframes dash {from {stroke-dashoffset: 0;}to{stroke-dashoffset: 1000;}}
@keyframes dash1 {100% {stroke-dashoffset: 0;}}
/* stroke-dasharray: 4 2; */



/* about */
.page-baitu-shares {padding: 4% 0 0 0;overflow: hidden;}
.page-baitu-shares .section-content {overflow: visible;}
.baitu-shares-top {border-bottom: 1px solid #ededed;padding: 1.5% 0;overflow: hidden;position: relative;}
.baitu-shares-top .title-3{color: #999999;}
.page-baitu-shares .img{background: none;background-size: cover;}
.baitu-shares-center {padding: 3% 0;}
.baitu-shares-center-left {float: left;width: 45%;}
.baitu-shares-center-left .text{margin-top: 10%;}
.baitu-shares-center-left .text-7{color: #666666;}
.baitu-shares-center-left .text-7 strong{font-weight: normal;color: #7db5fe;}
.baitu-shares-center-right {float: right;width: 48%;position: relative;padding: 0 5%;margin-right: -5%;}		
.yuanshu-1 {position: absolute;width: 100%;height: 100%;left: 0;top: 35%;z-index: 11;}
.baitu-shares-bottom {clear: both;padding: 3% 0;}
.baitu-shares-bottom-left {float: left;width: 30%;position: relative;padding: 0 5%;margin-left: -5%;}
.baitu-shares-bottom-right {float: right;width: 65%;}
.baitu-shares-bottom-right .text{margin-top: 10%;}
.baitu-shares-bottom-right .text-6{color: #a0a0a0;}
.baitu-shares-bottom-right .text-7 {color: #666666;}
.baitu-shares-bottom-right .text-7 strong{font-weight: normal;color: #7db5fe;}
.yuanshu-2 {position: absolute;width: 45%;height: auto;left: 0;top: -15%;z-index: 11;}
.clear-bottom {clear: both;width: 100%;height: 100px;}

.page-about-date {position: relative;width: 100%;height: 100%;}
.bout-date-list {position: absolute;width: 80%;left: 10%;top: 50%;text-align: center;transform: translateY(-50%);z-index: 11;}
.bout-date-list .index-about-content-item {width: 24%;display: inline-block;margin: 0 .1%;float: none;}
.bout-date-list .index-about-content-item a {display: block;background: rgba(0,0,0,.3);}

.page-about-strength {padding:5% 0 7% 0;overflow: hidden;}
.about-strength-left {float: left;width: 40%;}
.about-strength-left .text-6 {color: #555;margin-top:0%; line-height:34px; }
.about-strength-right  {float: right;width: 50%;}
.about-strength-list {overflow: hidden;text-align: right;font-size: 0;}
.about-strength-item {width:48%;margin-left:2%;margin-bottom:2%;display: inline-block;}
.about-strength-item a{display: block;border: 1px solid #ededed;position: relative;}
.about-strength-item .icon-1 {position: relative;width: 165px;height: 165px;overflow: hidden;}
.about-strength-item .title-7 {position: absolute;right: 10%;top:16%;color:#000;width: 35%; font-size:1.1vw; text-align: right;}
.about-strength-item .text-6 {position: absolute;right: 10%;bottom:16%;}
.about-strength-item a:hover {border: 1px solid #156BFF;}			
.about-strength-item a:hover .title-7,.about-strength-item a:hover .text-6 {color: #156BFF;}

.page-about-honor {padding: 5% 0 4% 0;overflow: hidden;background: url('../images/bg3.jpg') center no-repeat;background-size: cover;}
.about-honor-left{float: left;width: 40%;}
.about-honor-left .img{background: none;}
.about-honor-right{float: right;width: 50%;}
.about-honor-right .text-6{color:#777;margin-top: 3%;}
.about-honor-right .text-8{color: #666666;position: relative;padding: 5% 0;overflow: hidden;margin-top: 3%; line-height:40px;}
.about-honor-right .text-8 strong {color: #156BFF;}
.about-honor-right .text-8::before,.about-honor-right .text-8::after {content: '';width: 20px;height: 19px;position: absolute;z-index: 11;}
.about-honor-right .text-8::before {background: url('../images/syh1.png') center no-repeat;left: 0;top: 0;}
.about-honor-right .text-8::after {background: url('../images/syh2.png') center no-repeat;right: 0;bottom: 0;}

.affiliated-enterprises {padding: 5% 0;overflow: hidden;}
.affiliated-enterprises .title{text-align: center;}
.affiliated-enterprises .title-13{color: #7db5fe;}
.affiliated-enterprises .text-2{color: #333;margin: auto;margin-top:2%;width: 80%; font-size:38px; line-height:49px; font-weight:bold; font-family: "Microsoft YaHei";}
.affiliated-enterprises .text-2 span{color: #156bff;}
.affiliated-enterprises-content {overflow: hidden;position: relative;}
.affiliated-enterprises-left {background:#f5f7fb;padding:7% 8%;float: left;width: 50%;margin-top:4.8%;}
.affiliated-enterprises-left .text{width:75%;}
.affiliated-enterprises-left .title-12{color: #000; font-size:30px; font-weight:bold; font-family: "Microsoft YaHei";}
.affiliated-enterprises-left .text-6{color: #333;margin-bottom: 4%;}
.affiliated-enterprises-left .text-2{color: #333;text-align: justify; line-height:32px; font-size:17px;}
.affiliated-enterprises-right {position: absolute;width: 40%;right: 5%;top: 0;padding: 0 3%; height: 100%;z-index: 11;}
.affiliated-enterprises-right .img{background-repeat: no-repeat;background-position: center;}
.affiliated-enterprises-right .pic {margin-top: 30%;}
.affiliated-enterprises-right .yuanshu-1{top: 25%;} 
.affiliated-enterprises-right .yuanshu-3{overflow: hidden;}
.yuanshu-3{position: absolute;width: 100%;height: auto;left: 0;top: 10%;z-index: 11;}
.affiliated-enterprises-content.fr .affiliated-enterprises-left{float: right;margin-top:6.4%;}
.affiliated-enterprises-content.fr .affiliated-enterprises-left .text {float: right;}
.affiliated-enterprises-content.fr .affiliated-enterprises-right {right: auto;left: 7%;}
/*.affiliated-enterprises-content.fr .affiliated-enterprises-right .pic {margin-top: 70%;}*/

.baitu-history-content {overflow: hidden;}
.history-content {width: 83%;margin: auto;position: relative;padding-bottom: 5%;}
.history-swiper {position: relative;}
.history-item {text-align: center;}
.history-item .number-5{color: #156BFF;margin-top: 23%;}
.history-item .img{opacity: 0;width: 50%;margin: 5% auto;}
.history-item .title-4{opacity: 0;color: #646464;font-weight: 900;margin: 2% 0;}
.history-swiper .swiper-slide-active .number-5{font-size: 250px;line-height: 260px;margin-top:0;letter-spacing: -10px;}
.history-swiper .swiper-slide-active .img{opacity: 1;}
.history-swiper .swiper-slide-active .title-4{opacity: 1;}
.history-prev,.history-next {width: 48px;height: 48px;border: 2px solid #e5e9ee;border-radius: 100%;margin-top:auto;top: 20%;transition:all .4s ease;}
.history-prev::after,.history-next::after {font-size: 16px;color: #e5e9ee;transition:all .4s ease;}
.history-prev:hover,.history-next:hover  {border: 2px solid #156BFF;}
.history-prev:hover::after,.history-next:hover::after {color: #156BFF;}

.page-corporate-culture {padding: 5% 0;overflow: hidden;}
.page-corporate-culture .title-3{color: #999999;}
.corporate-culture {overflow: hidden;background:#156BFF;position: relative; width:84%; margin:6% auto 0;}
.corporate-culture-left {float: left;width: 75%;}
.corporate-culture-right {width: 24%;height: 100%;position: absolute;right: 0;top: 0;background: url('../images/tubiao1.png') 110% 110% no-repeat;}
.corporate-culture-right .text{color: #fff;padding: 17% 9% 0 9%;overflow: hidden;}
.corporate-culture-right .title-5{margin: 4% 0 3% 0;font-weight: 500;line-height: 30px;}
.corporate-culture-right .text-14{text-transform: uppercase;color:rgba(255,255,255,.3);}
.corporate-culture-bottom {text-align: center;padding: 4% 0 0 0;overflow: hidden;}
.corporate-culture-bottom .title{overflow: hidden;}
.corporate-culture-bottom .text-6{margin-top: 1%;color: #a0a0a0;}
.corporate-culture-bottom-content {padding: 3% 0 0 0;overflow: hidden;position: relative;}
.corporate-culture-bottom-content .pic{position: relative;padding-bottom: 2%;}
.corporate-culture-bottom-content .pic img{display: inline-block;max-width: 100%;width: auto;}
.corporate-culture-item {position: absolute;z-index: 11;width: 23%;text-align: right;}
.corporate-culture-item .title-8 {color: #52af3e;font-weight: 900;margin-right: 2%;}
.corporate-culture-item .text-2 {overflow: hidden;line-height: 28px;}
.corporate-culture-item .text-2 li{list-style: none;margin: 0;padding: 0;padding-right: 10px;position: relative;color: #939391;margin-top: 5%;}
.corporate-culture-item .text-2 li::after {content: '';width: 4px;height: 4px;border-radius: 100%;position: absolute;right: 0;top: 13px;background: #156BFF;}
.corporate-culture-item.cci1 {left: 6%;top: 20%;}
.corporate-culture-item.cci2 {right: 6%;top: 20%;text-align: left;}
.corporate-culture-item.cci3 {left: 6%;bottom: 0;}
.corporate-culture-item.cci4 {right: 6%;bottom: 0;text-align: left;}
.corporate-culture-item.cci2 .text-2 li,.corporate-culture-item.cci4 .text-2 li {padding-right: 0px;padding-left: 10px;}
.corporate-culture-item.cci2 .text-2 li::after,.corporate-culture-item.cci4 .text-2 li::after {right: auto;left: 0;}
.corporate-culture-item.cci2 .point-1 {right: auto;top: 32.5%;left: -21%;}
.corporate-culture-item.cci3 .point-1 {right: -21%;top: 2%;}
.corporate-culture-item.cci4 .point-1 {right: auto;top: 2%;left: -21%;}
.corporate-culture-bottom-content .pic {position: relative;display: inline-block;padding-bottom: 0;}
.corporate-culture-bottom-content .pic img {display: inline-block;}
.yuanxing-1 {width: 370px;height: 370px;position: absolute;left: 50%;top: 50%;z-index: 11;background: #156BFF url('../images/yuan1.png') center no-repeat;border-radius: 100%;animation:turnrotate2 8000ms linear infinite;margin: -185px 0 0 -185px;}
.logo-2 {width: 270px;height: 50px;background: url('../images/logo2.png') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 12;}
@keyframes turnrotate2{0%{-webkit-transform:rotate(360deg);}25%{-webkit-transform:rotate(270deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(90deg)}100%{-webkit-transform:rotate(0deg);}}
.point-1 {width: 30px;height: 30px;position: absolute;right: -21%;top: 29%;z-index: 11;}
.point-1 i {width: 30px;height: 30px;display: block;position: relative;}
.point-1 i::before {content: '';width: 5px;height: 5px;border-radius: 100%;background: #156BFF;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 14;}
.point-1 i::after {content: '';width:30px;height: 30px;border-radius: 100%;background: #156BFF;position: absolute;left: 50%;top: 50%;z-index: 12;opacity: .2;margin: -15px 0 0 -15px;}
.point-1 i::after {animation:fanday1 1000ms linear infinite;}
@keyframes fanday1{0%{-webkit-transform:scale(0);opacity: .5;}100%{-webkit-transform:scale(1.5);opacity: 0;}}



.honor-section-content {padding-bottom:8%;overflow: hidden;width: 80%;margin: auto;}
.honor-section-list {padding: 0;overflow: hidden;}
.honor-section-item {float: left;width: 24.22%;margin-right: 1%;margin-bottom: 1%;overflow: hidden;}
.honor-section-item.mr0 {margin-right: 0;}
.honor-section-item a{display: block;position: relative;background: #f7f9f4;overflow: hidden;}
.honor-section-item a::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 13;background: url('../images/big.png') center no-repeat rgba(72,166,53,.8);transition:all .4s ease;opacity: 0;}
.honor-section-item .img{position: relative;}
.honor-section-item .img img {max-width: 80%;max-height: 80%;}
.honor-section-item .title-3{text-align: center;color: #202020;padding-bottom: 10%;}
.honor-section-item a:hover::before {opacity: 1;}
.honor-more {background: #156BFF url('../images/load.png') center no-repeat;width: 100%;height: 80px;margin-top:1%;cursor: pointer;transition:all .4s ease;}
.honor-more:hover {background: #b1b8a5 url('../images/load.png') center no-repeat;}

.baitu-news-nav {padding: 3% 0;overflow: hidden;}
.baitu-news-nav a{display: block;float: left;margin-right: 10px;border: 1px solid #ccc;padding: 15px 20px;position: relative;width: 250px;font-size: 18px;color: #4a4a4a;}
.baitu-news-nav a::after {content: '';width: 14px;height: 9px;position: absolute;right: 5%;top: 50%;background: url('../images/r1.png');margin-top: -4.5px;opacity: .6;display: none;}
.baitu-news-nav a.cur {background: #156BFF;border: 1px solid #156BFF;color: #fff;}
.baitu-news-nav a.cur:hover {color: #fff;}
.baitu-news-nav a.cur::after {opacity: 1;filter: invert(100%);}
.baitu-news-nav a:hover {border: 1px solid #156BFF;color: #156BFF;}

.news-section-content {width:84%;margin: auto;padding: 0 0 3%  0;overflow: hidden;}
.news-section-list {overflow: hidden;}
.news-item {float: left;width: 31.33%;margin-right: 3%;margin-bottom: 3%;}
.news-item.mr0 {margin-right: 0;}
.news-item a{display: block;background: #fff;position: relative; }
.news-item .img {overflow: hidden;}
.news-item .pic {overflow: hidden;}
.news-item .text {padding: 9% 8%;overflow: hidden;min-height: 145px;position: relative;}
.news-item .title-6 {overflow: hidden; height:38px;}
.news-item p{ font-size:15px; line-height:24px; padding-top:8px; color:#999;}
.news-item .date-1 {color: #999999;position: absolute;bottom: 17%;left: 8%;}
.news-item a:hover .pic{/*transform: scale(1.05);*/ border-radius: 10px 10px 0 0;}
.news-item a:hover .pic .img{border-radius: 10px 10px 0 0;}	
.news-item:hover .pic{border-radius: 10px 10px 0 0;}	
.news-item a:hover {background: #156BFF; border-radius: 10px;}
.news-item a:hover .title-6,.news-item a:hover .date-1{color: #fff;}
.news-item a:hover p{ color:#fff; opacity: 0.6; font-weight: lighter; border-radius: 10px 10px 0 0; box-shadow: 0 0 30px rgba(21,107,155,0.1);}
.news-item a:hover .text-2{color:#fff; opacity: .6;}
.news-item.nis1 {width: 65.6%;}
.news-item.nis1 .text{position: absolute;left: 0;bottom: 0;width: 90%;z-index: 11;color: #fff;padding: 5%;}
.news-item.nis1 .title-6 {font-size: 30px; height:60px;}
.news-item.nis1 .date-1 {color: #fff;opacity: .6;left: 5%;}
.news-item.nis2 {width: 31.33%;margin-right: 0;}
.news-item.nis5,.news-item.nis8 {margin-right: 0;}
.bg1 {background: #f5f5f5;}


.page-news-detail {padding: 5% 0;overflow: hidden;}
.news-detail-content{overflow: hidden;}
.news-detail-left{float: left;width: 63%;overflow: hidden;position: relative;}
.return-1{overflow: hidden;}
.return-1 a{display: block;}
.return-1 i{font-style: normal;font-family:Arial, Helvetica, sans-serif;width: 15px;height: 15px;border-radius: 100%;background: #f8f8f8;color: #666;text-align: center;line-height: 15px;display: inline-block;vertical-align: middle;font-size: 14px;}
.return-1 span{display: inline-block;vertical-align: middle;font-size: 14px;margin-left: 10px;color: #342b25;}
.news-detail-left .title-11{margin-top: 3%;color: #342b25;}
.news-detail-left .date-2{margin-top: 4%;font-family: 'Montserrat-Light',PingFang SC,"Source Han Sans",Arial,sans-serif;}
.news-detail-content-main{padding: 3% 0;overflow: hidden;border-top: 1px solid #ededed;margin-top: 3%;font-size: 14px;line-height: 28px;color: #808080;border-bottom: 1px solid #ededed;}
.news-detail-content-tip {padding: 3% 0;overflow: hidden;font-size: 14px;line-height: 28px;color: #a0a0a0;}

.news-detail-right {float: right;width: 33%;} 
.news-detail-turnpage {overflow: hidden;}
.news-detail-turnpage ul{ width:100%;}
.news-detail-turnpage li{font-size: 16px;color: #342b25;padding: 3% 0;overflow: hidden;border-bottom: 1px solid #ededed;}
.news-detail-turnpage a:hover {color: #156BFF;}
.news-detail-turnpage li a{ font-size:18px;}
.news-detail-share {margin-top: 4%;overflow: hidden;}
.news-detail-share .title-4{font-size: 14px;color: #999999;}
.news-detail-share .item-2{margin-top: 3%;}
.news-detail-share .item-2 a{display: inline-block;vertical-align: middle;margin-right: 10px;}
.news-detail-share .item-2 img{filter: grayscale(100%);opacity: .5;}
.news-detail-share .item-2 a:hover img {filter: grayscale(0);opacity: 1;}
.news-detail-other {margin-top: 15%;overflow: hidden;}
.news-detail-other .title-4{font-size: 30px;color: #342b25;}
.news-other{margin-top: 5%;overflow: hidden;}
.news-other .news-item {border: none;margin-right: 0;margin-bottom:6%;width: 100%;}
.news-other .news-item a {display: block;overflow: hidden;}
.news-other .news-item .img {width: 45%;float: left;}
.news-other .news-item .text {float: left;width: 45%;padding: 2% 0 0 5%;min-height:auto;}
.news-other .news-item .date-1 {display: block;position: relative;bottom: auto;left: 0;color: #999999;}
.news-other .news-item .title-4 {font-size: 16px;line-height: 26px;margin-top: 5%;}
.news-other .news-item .viewdetails-1 span{font-size: 12px;}
.news-other .news-item .img {background: none;}
.news-other .news-item a:hover {background: none;}
.news-other .news-item a:hover .date-1{color: #999999;}
.news-other .news-item a:hover .title-4 {color: #156BFF;}
.news-other .news-item a:hover .viewdetails-1 span {color: #156BFF;}

.page-baitu-about {position: relative;width: 100%;overflow: hidden;padding: 5% 0 0 0;}
.page-baitu-about .title-13 {color:#222;text-align: center;font-weight: bold; font-family: "Microsoft YaHei";}
.page-social-responsibility {position: relative;width: 100%;overflow: hidden;padding: 5% 0;background: url('../../advantages/images/throughput.jpg') center no-repeat;background-size: cover;}
.page-social-responsibility  .title-2 {color: #50514a;text-align: center;font-weight: bold;}
.social-responsibility {padding: 5% 0;overflow: hidden;text-align: center;}
.page-social-activitiesy {position: relative;width: 100%;overflow: hidden;padding: 5% 0;background: #f1f1f1;}
.page-social-activitiesy .section-content {overflow: visible;}
.social-responsibility .throughput-item {width: 25%;box-sizing: border-box;}
.page-social-activitiesy  .title-2 {color: #50514a;text-align: center;font-weight: bold;}
.social-responsibility-list {overflow: hidden;padding-top: 2%;}
.social-responsibility-swiper {overflow: hidden;}
.social-responsibility-item {overflow: hidden;}
.social-responsibility-item .img{border-radius: 14px;overflow: hidden;}
.social-responsibility-item .title-6{font-weight: bold;color: #50514a;margin-top: 5%;} 
.responsibility-prev,.responsibility-next {width: 60px;height: 60px;background: #fff;border-radius: 100%;box-shadow: 0px 20px 17px 0px rgba(190, 190, 190, 0.24);margin-top: -10px;outline: none;}
.responsibility-prev::after,.responsibility-next::after {font-size: 12px;font-weight: 900;color: #59b746;}
.responsibility-prev {left: -30px;}
.responsibility-next {right: -30px;}
.responsibility-next.swiper-button-disabled,.responsibility-prev.swiper-button-disabled {display: none;}

.history-swiper {padding:0;position: relative;overflow: hidden;}
.historys-item {position: relative;width: 25%;margin: auto;float: left;}
.historys-item .img{width:71%;margin: auto;overflow: hidden;border: 3px solid #156bff;}
.historys-item .img-block {opacity: 0;}
.historys-item .text{margin: auto;text-align: center;position: relative;}
.historys-item .point-3{margin: auto;padding-top: 25%;position: relative;}
.historys-item .point-3::after {content: '';width: 104%;height: 1px;background: #ccc;position: absolute;left:0;bottom:13px;z-index: 1;transform: rotate(-11.3deg);}
.historys-item .point-3::before {content: '';width: 1px;height: 100%;background: #ccc;position: absolute;left: 50%;top: 0;z-index: 1;}
.historys-item .point-3 i{width: 18px;height: 18px;border: 5px solid #156bff;border-radius: 100%;display: block;margin: auto;background: #fff;position: relative;z-index: 11;}
.historys-item .number-4{font-size: 30px; font-family:'Montserrat-Bold'; margin-top: 4%;}
.historys-item .title-4{color:#646464;font-size:1.03vw;margin-top: 3%; font-family: hs_l; line-height:1.7vw;}
.historys-item .title-33{ color: #888;font-size:0.9vw;margin-top: 1%; font-family: hs_l;}
.historys-item .title-4 strong {color: #156BFF;}
.history-swiper .historys-item.his1  {transform: translateY(30%);opacity: 0;margin-top: 15%;transition:all .6s .4s ease;}
.history-swiper .historys-item.his2  {transform: translateY(30%);opacity: 0;margin-top: 10%;transition:all .6s .6s ease;}
.history-swiper .historys-item.his3  {transform: translateY(30%);opacity: 0;margin-top: 5%; transition:all .6s .8s ease;}
.history-swiper .historys-item.his4  {transform: translateY(30%);opacity: 0;margin-top: 0;  transition:all .6s .9s ease;}
.history-swiper .historys-item.mis5.mis5  {margin-top: 0;}
.history-swiper .historys-item.mis6.mis6  {margin-top: 20%;}
.history-swiper .historys-item.mis7.mis7  {margin-top: 40%;}
.history-swiper .historys-item.mis8.mis8  {margin-top: 60%;}
.history-swiper .historys-item.mis5 .point-3::after {transform: rotate(11.3deg);}
.history-swiper .historys-item.mis6 .point-3::after {transform: rotate(11.3deg);}
.history-swiper .historys-item.mis7 .point-3::after {transform: rotate(11.3deg);}
.history-swiper .historys-item.mis8 .point-3::after {transform: rotate(11.3deg);}
.history-swiper .historys-item.his4 .point-3::after {width: 95%;transform: rotate(-12.5deg);}
.history-swiper .swiper-slide-active .historys-item.his1,
.history-swiper .swiper-slide-active .historys-item.his2,
.history-swiper .swiper-slide-active .historys-item.his3,
.history-swiper .swiper-slide-active .historys-item.his4 {transform: translateY(0);opacity: 1;}
.baitu-history-content .history-prev{left: -30px;}
.baitu-history-content .history-next{right: -30px;}


/* contact */
.page-contact-map {padding: 3% 0;overflow: hidden;}
.contact-map-top {width: 80%;margin: auto;}
.contact-map-bottom {padding: 3% 0 6% 0;;overflow: hidden;width: 94%;position: relative;}
.contact-map-bottom .img{position: relative;overflow: hidden;}
.contact-map-text {position: relative;width: 80%;background: #156BFF;color: #fff;padding:3% 0;overflow: hidden;}
.contact-map-bottom .text {width: 80%;float: left;margin-left: 13%;position:relative;}
.contact-map-bottom .title-12,.contact-map-bottom .text-6,.contact-map-bottom .telemail-1,.contact-map-bottom .ewm-1{display: inline-block;vertical-align: middle;}
.contact-map-bottom .title-12{margin-bottom: 3%;padding-right:5%; font-size:1.3vw;}
.contact-map-bottom .text-6{width: 57%; line-height:2vw; font-size:1.14vw;}
.contact-map-bottom .telemail-1{line-height:2.3vw; font-size:1.2vw;}
.contact-map-bottom .ewm-1{width: 12%;text-align: right;float: right;}
.contact-map-bottom .ewm-1 img {display: inline-block;max-width: 100%;width: auto; margin-top: 0.4vw;}

.page-contact-message {padding:0 0 7% 0;overflow: hidden;}
.contact-message-left {float: left;width: 30%;}
.contact-message-right {float: right;width: 60%;}
.contact-message-form {overflow: hidden;margin-top: 2%;}
.contact-message-form .item-2{margin-bottom: 3%;overflow: hidden;}
.contact-message-form .item-2 li{list-style: none;margin: 0;padding: 0;float: left;width: 47%;}
.contact-message-form .item-2 li:last-child {float: right;}
.contact-message-form .item-2 li input{padding: 2% 0;}
.contact-message-form .item-1{padding: 1% 0;margin-bottom: 1%;overflow: hidden;}
.contact-message-form .item-1 textarea{min-height: 200px;padding: 2% 0;}
.contact-message-form .item-2 li input,.contact-message-form .item-1 textarea{display: block;border:none;border-bottom: 1px solid #e6e6e6;background: #fff;font-size: 16px;color: #666666;width: 100%;box-sizing: border-box;transition:all .4s ease;}


.contact-message-form .item-2 li input:focus,.contact-message-form .item-1 textarea:focus{border-bottom: 1px solid #156BFF;}
.contact-message-form .item-1 input{display: block;width: 180px;height: 55px;line-height: 55px;text-align: center;background: #156BFF;color: #fff;font-size: 14px; border:none;}	 
.contact-map-bottom #map {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 11;}		
/* .contact-map-bottom #map .BMap_noprint:first-child {box-shadow: 0px 16px 50px 0px rgb(50,184,66,.5);background: none!important;overflow: hidden;} */
.anchorBL,.BMap_pop,.BMap_shadow {display: none!important;}

.page-technical-support {padding: 5% 0;overflow: hidden;background: #f8f8f8;}
.page-technical-support .section-content {margin: auto;margin-top: 3%;}
.technical-support-left {float: left;width: 100%;}
.technical-support-right {float: right;width: 65%;clear: both;}
.technical-support-list {overflow: hidden;margin-top: 5%;}
.technical-support-item {margin-bottom: 2%;overflow: hidden;}
.technical-support-item a{display: block;overflow: hidden;position: relative;padding: 3.3% 3%;border-radius: 6px;background: #fff;border: 1px solid #ededed;}
.technical-support-item .title-11{color: #342b25;}
.technical-support-item .icon-1{width: 60px;height: 60px;position: absolute;right: 5%;top: 50%;transform: translateY(-50%);border-radius: 100%;background: #156BFF;}
.technical-support-item .icon-1::before {content: '';width: 19px;height: 22px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../upload/file1.png') center no-repeat;}
.technical-support-item a:hover {background: #156bff;}
.technical-support-item a:hover .title-11{color: #fff;}
.technical-support-item a:hover .icon-1{background: #fff;}
.technical-support-item a:hover .icon-1::before {background: url('../upload/file.png') center no-repeat;}
.page-technical-support .page-path{margin-top: 1%;}

.page-section-banner .text.center { width: 60%;transform: translateY(-30%);}
.page-section-banner .text.center .title .text-9{margin-top: 2%; font-size:2vw; line-height:2vw; font-family: hs_l;}
.page-section-banner .text .title .title-15{ font-size:54px; font-family:"Microsoft Yahei";}
 
.page-joinus {width: 80%;margin: auto;padding: 3% 0;overflow: hidden;}
.joinus-section-top {padding: 1% 0;border-bottom: 1px solid #ededed;}
.joinus-section-bottom {overflow: hidden;padding-bottom: 5%;}
.talent-item {overflow: hidden;border-bottom: 1px solid #ededed;transition:all .4s ease;}
.talent-title{position: relative;padding: 2% 0;cursor: pointer;transition:all .4s ease;}
.talent-title span{font-size: 20px;color: #50514a;}
.talent-title i{display: block;width: 30px;height: 30px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index:11;
	background: url('../../contact/images/ddd.png');}
.talent-title.cur span{color: #156BFF;}
.talent-title.cur i {background: url('../../contact/images/dd.png');}
.talent-title.cur {padding: 2% 0 0 0;}
.talent-item:hover .talent-title span{color: #156BFF;}
.talent-item:hover {border-bottom: 1px solid #156BFF;}
.talent-item-content {padding: 3% 0;overflow: hidden;font-size: 16px;line-height: 24px;color: #a1a1a1;font-weight: 400;display: none;}
.talent-item-content strong{color: #000;}
.talent-item-top {overflow: hidden;}
.email-1 {background: #50514a;display: inline-block;padding: 10px 30px;}
.email-1 i {display: inline-block;vertical-align: middle;width: 28px;height: 19px;background: url('../../contact/images/email.png') no-repeat;}
.email-1 span {display: inline-block;vertical-align: middle;font-size: 16px;margin-left: 20px;color: #fff;}






 /* other */
.page-search-detail {padding: 5% 0 2% 0;overflow: hidden;background: #f8f8f8;}
.page-search-detail .page-content{overflow: hidden;width: 80%;margin: auto;}
.search-detail-top {padding: 8% 0 0 0;overflow: hidden;}
.search-detail-top .title-1{font-size: 40px;text-align: center;}
.search-detail-top .title-2{font-size: 18px;margin-top:8%;}
.search-detail-top .input-2{width: 100%;position: relative;}
.search-detail-top .input-1{width: 100%;display: block;border: none;background: none;border-bottom: 1px solid #ededed;font-size: 24px;padding: 1% 0;position: relative;transition:all .4s ease;}
.search-detail-top .input-1:focus {border-bottom: 1px solid #156BFF;}
.search-detail-top .submit-1 {border: none;display: block;outline: none;cursor: pointer;background: url('../images/sss.png') center no-repeat;width: 50px;height: 50px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.page-search-detail-bottom {background: #fff;padding: 3% 0 8% 0;overflow: hidden;}
.page-search-detail-bottom .page-content{overflow: hidden;width: 80%;margin: auto;}
.page-search-detail-bottom .text-1{font-size: 16px;color: #a0a0a0;}
.page-search-detail-bottom .text-1 strong{color: #202020;}
.search-detail-nav{margin-top: 4%;overflow: hidden;position: relative;}
.search-detail-nav::after {content: '';width: 100%;height: 1px;background: #dfdfdf;position: absolute;left: 0;bottom: 0;}
.search-detail-nav a{display: inline-block;vertical-align: middle;font-size: 18px;color: #7db5fe;margin-right: 9%;padding-bottom: 30px;position: relative;padding-right: 40px;font-weight: bold;}
.search-detail-nav a::after {content: '';width: 0px;height: 2px;background: #156BFF;position: absolute;left: 0;bottom: 0;z-index: 11;}
.search-detail-nav a.cur{color: #156BFF;}
.search-detail-nav a.cur::after {width: 100%;}
.search-detail-list {padding: 3% 0;overflow: hidden;}
.search-detail-list .news-item a{background: #f8f8f8;}
.search-detail-list .news-item a:hover {background: #156BFF;}


.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url("../images/loading.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover {opacity: 0.5;}
.closed::after {width: 26px;height: 2px;}
.closed::before {width: 2px;height: 26px;}


.index-products {position: relative;width: 100%;height: 100%;}
.index-products-main {position: absolute;width: 80%;left: 10%;top: 50%;z-index: 11;height: auto;transform: translateY(-50%);color: #fff;}
.index-products-top {width: 38%;margin-top: 5%;}
.index-products-top .title-1{font-size: 34px;font-weight: bold;}
.index-products-top .text-2 {font-size: 16px;line-height: 26px;margin-top: 5%;}
.index-products-center {margin-top: 7%;}
.index-products-swiper {position: relative;}
.index-products-item {overflow: hidden;}
.index-products-item a{display: block;position: relative;color: #fff;}
.index-products-item .item {border: 1px solid rgba(255,255,255,.3);position: absolute;left: 0;bottom: 0;height: 50%;width: 100%;box-sizing: border-box;}
.index-products-item .number-1 {position: absolute;right: 10%;top: 10%;font-size: 16px;z-index: 10;}
.index-products-item .text {position: absolute;bottom: 10%;left: 10%;width: 80%;z-index: 11;}
.index-products-item .text::after {content: '';width: 14px;height: 9px;position: absolute;right: 0;top: 50%;background: url('../upload/r2.png') center no-repeat;opacity: 0;}
.index-products-item .title-1 {font-size: 20px;font-weight: 400;}
.index-products-item .title-2 {font-size: 14px;opacity: .8;}
.index-products-item .img{overflow: hidden;opacity: 0;}
.index-products-item a:hover .item {border: 1px solid rgba(255,255,255,0);height: 100%;}
.index-products-item a:hover .number-1 {right: 85%;}
.index-products-item a:hover .text::after {opacity: 1;}
.index-products-item a:hover .img{opacity: 1;}
.index-products-bottom {position: relative;overflow: hidden;}

/*分页*/
.news_page_in_row1{/*! padding: 40px; */ /*! background: #fff; */ position: relative; margin-top: -100px; background: #f5f5f5;}
.news_page_in_row3{margin-top: 2px;padding: 30px 0 36px 0;margin-bottom: 0px;}
.news_page_in_row3 > .pagination a.first_page:after{content: '';display: block;width: 7px;height: 7px;position: absolute;top: 50%;left:50%;margin-top: -3.5px;margin-left: -4px;background:url(../images/first_page.gif) no-repeat center;}
.news_page_in_row3 > .pagination a.previous_page:after{content: '';display: block;width: 7px;height: 7px;position: absolute;top: 50%;left:50%;margin-top: -3.5px;margin-left: -4px;background:url(../images/pre_page.gif) no-repeat center;}
.news_page_in_row3 > .pagination a.next_page:after{content: '';display: block;width: 7px;height: 7px;position: absolute;top: 50%;left:50%;margin-top: -3.5px;margin-left: -3px;background:url(../images/next_page.gif) no-repeat center;}
.news_page_in_row3 > .pagination a.Last_page:after{content: '';display: block;width: 7px;height: 7px;position: absolute;top: 50%;left:50%;margin-top: -3.5px;margin-left: -2px;background:url(../images/last_page.gif) no-repeat center;}
.news_page_in_row3 > .pagination a{display: inline-block;vertical-align: middle;width:38px;height:38px; border: 1px solid #F5F7FB; line-height:38px;text-align: center;border-radius: 50%;font-size: 18px;font-family: arial;color: #666;margin: 3px;transform: rotate(0deg);position: relative;transition: 0.3s all ease;/* background: #fff;*/}
.news_page_in_row3 > .pagination a.cur_page,.news_page_in_row3 > .pagination a:hover{background:#e9ecf4; border: 1px solid #e9ecf4; color:#156BFF;}
.news_page_in_row3 > .pagination{font-size: 0;text-align: center;}


/*相册*/
.nyby{height: 290px; display: flex; align-items: center; }
.nyby_txt{width: 100%; text-align: center; margin-bottom:3%;}
.nyby_txth{font-size:2.5vw; color:#1a1a1a; text-transform: uppercase; font-weight:bold; font-family: Microsoft YaHei;}
.nyby_txtp{font-size: 30px; color: #333333;}

.khflbox{position: relative; display: flex; flex-wrap: wrap;}
.khflboxdw{position: absolute; left: 0; bottom: 4px; width: 100%; height: 60px; background-color: #f1f1f1; z-index: -1;}
.khflbox .khflbox_item{background-color: #f1f1f1; width:20%; height: 60px; line-height: 60px; font-size:20px; color: #333333; text-align: center; margin-bottom:54px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.khflbox .khflbox_item:hover{background-color:#156BFF; color: #fff;}
.khflbox .khflbox_item.cur{background-color:#156BFF; color: #fff;}
.fanrqbox_rbox .content table{padding:2% 0 4% 0;}

.div-content {width:86%;margin: auto;}

.cx-photos-wrap{padding:5% 0;clear:both;overflow:hidden;  text-transform: capitalize;}
.cx-photos-list{margin:-15px;overflow:hidden;}
.cx-photos-list .item{float:left;margin: 15px 1%;width: calc(23.5% - 10px);border-radius:5px;/*box-shadow:0 0 10px rgba(0,0,0,0.1); border: #f0f0f0 solid 1px;*/}
.cx-photos-list .pic{overflow:hidden; border: 1px solid #efefef;}
.cx-photos-list .pic img{display:block;width:100%;transition:all 1s;}
.cx-videos-list .pic a{display:block;position:relative;}
.cx-videos-list .pic a:after{display:block;position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);transition:all 0.5s;}
.cx-videos-list .pic a:before{display:block;position:absolute;z-index:3;left:50%;top:50%;font-size:36px;color:#fff;font-family:'iconfont' !important;content:"\e618";transform:translate(-50%,-50%);transition:all 0.5s;}
.cx-photos-list .text{width:100%;text-align:center;overflow:hidden;line-height:60px;}
.cx-photos-list .text h3{font-size:17px;color:#333; height:50px; overflow:hidden; font-weight:normal; text-overflow:ellipsis;white-space:nowrap;}
.cx-photos-list .text h3 a{color:#333;}
.cx-photos-list .text p{line-height:24px;font-size:16px;color:#666;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/}
.cx-photos-list .item:hover .pic img{transform:scale(1.1);}
.cx-photos-list .item:hover .text h3 a{color:#e91e2e;}
.cx-videos-list .item:hover .pic a:after{background-color:rgba(0,0,0,0.2);}
.cx-photos-list.hzhb{margin:-10px;}
.cx-photos-list.hzhb .item{margin:10px 10px;width:calc(16.66% - 20px);}
@media(max-width:1200px){.cx-photos-wrap{padding:40px 10px;} .cx-photos-list{margin:-10px;} .cx-photos-list .item{margin:10px;width:calc(50% - 20px);}}
@media(max-width:750px){.cx-photos-list{margin:0;} .cx-photos-list .item{margin: 0 1% 2% !important;width: 48% !important;} .cx-photos-list .text h3{font-size:14px;}}
.h40{height:40px; overflow:hidden;}

.pro_call{width: 92.8%; margin: auto; overflow: hidden;}
.pro-case-list li{ float: left; width:23.7%; margin:0 0.8% 2.4% 0.5%;/*box-shadow: 0 0 15px 0px rgba(0,0,0,0.09);*/}
.pro-case-list li:nth-child(4n+1){ clear: both;}
.pro-case-list .item{ display: block;}
.pro-case-list .item .img{ position: relative; overflow: hidden; display: block; }
.pro-case-list .item .img-vertical i{ padding-bottom:57%; }
.pro-case-list .item .pop{ position: absolute; bottom:0; left:0; width: 100%; height:0;  text-align: center; overflow: hidden;}
.pro-case-list .item .pop .con{ display: inline-block; vertical-align: middle; padding:15.6% 20px;}
.pro-case-list .item .pop i{ display: inline-block; vertical-align: middle; height: 100%;}
.pro-case-list .item .pop p{ margin:0 auto 20px;  max-width: 340px; color: #ffffff; font-size:15px; line-height: 28px; max-height:84px; overflow: hidden;}
.pro-case-list .item .pop span{ display: inline-block; width:48px; height:48px; }
.pro-case-list .item .text{ padding: 0 0 0 0;}
.pro-case-list .item .tit{ position: relative;}
.pro-case-list .item .tit span{ display: block; color:#666; font-size:18px; width:100%; padding:18px 0 18px 50px; font-weight:lighter; margin-top:2px;}
.pro-case-list .item .tit i{position: absolute; top:0; left:0; line-height:26px;  background: url(../images/ico_heart.png) no-repeat left; padding-left:30px; top: 15px; float: right; color:#042452; font-weight:lighter;
font-size:26px; font-style: normal; cursor: pointer;}
.pro-case-list .item .des{ margin-top: 8px; /*font-size: 12px;*/ color:#fff;}
.pro-case-list .item .des span{ margin: 0 11px;}
.pro-case-list .item:hover .img img{ transform: scale(1.05); -webkit-transform: scale(1.05); -webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.pro-case-list .item:hover .pop{ height: 100%;}
.pro-case-list .item:hover .tit span{ color:#fff; background:#042452;}
.pro-case-list .item:hover .tit i{ color:#fff; font-weight:lighter;}
.pro-case-list .item .tit{position: relative; background:#efefef;}

.pro-case-list .item:hover .tit:after{ content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px; background:#ff0008; transition:transform .5s;transform: scale(0,1);transform-origin:right;}

.pro-case-list .item .text:after{transform: scale(1);transform-origin:left; height:1px; background:#ff0008; transition:transform .5s;transform: scale(0,1);transform-origin:right;}

.service_head .images{width: 50%;height: auto;overflow: hidden; margin:auto;}
.service_head .images img{width: 100%;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s}
.service_head .images img:hover{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05)}



/**/
@media screen and (max-width: 1500px) {	
.product-characteristic-swiper .text .icon-1{ display:none;}
}


/*表格*/
.page-product-specifications-bottom table{font-size: 18px;color: #000;text-align: center;margin: 0;padding: 0;border: none;border-spacing: 0px;width: 100%;clear: both;overflow: hidden;margin-bottom: 3%;}
.page-product-specifications-bottom table tbody {margin: 0;padding: 0;border: none;}
.page-product-specifications-bottom table tr:first-child {background: #156BFF;color: #fff;margin: 0;padding: 0;border: none;}
.page-product-specifications-bottom table tr:first-child td:first-child {background: #156BFF;}
.page-product-specifications-bottom table tr td {color: #999;margin: 0;padding: 0;border: none;padding: 23px 0;position: relative;box-sizing: border-box; }
.page-product-specifications-bottom table tr td b{ color:#000; font-size:19px; margin:0.8vw 0;  display:block;}
.page-product-specifications-bottom table tr td::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #999;opacity: .2;}
.page-product-specifications-bottom table tr:first-child td,.page-product-specifications-bottom table tr:first-child td:first-child  {color: #fff;}
.page-product-specifications-bottom table tr:first-child td::after {background: #fff;}
.page-product-specifications-bottom table tr td {border-bottom: 1px solid #edeff4;}
.page-product-specifications-bottom table tr td:first-child {background: #f5f7fb;color: #000;}
/*.page-product-specifications-bottom table tr:nth-child(2) td {background: #f5f7fb;color: #000;}*/
@media screen and (max-width: 1440px) {
    .page-product-specifications-bottom table{font-size: 14px;}
}
.polaris-certificate-honor {padding: 0 0 7% 0;overflow: hidden; width:86%; margin:5.5% auto 0;}
.polaris-certificate-honor .index-content {overflow: hidden;position: relative; }

/*证书*/
.certificate-honor-left {width: 32%;float: left;}
.certificate-honor-top {overflow: hidden;margin-left: 5%;margin-top: 12%;}
.certificate-honor-top .title-1{overflow: hidden; font-size:38px; font-family: "Microsoft YaHei"; }
.certificate-honor-type {margin-top: 2%;}
.certificate-honor-type a{display: inline-block;vertical-align: top;margin-right: 2%;background: #f7f7f7;border-radius: 4px;text-align: center;padding: 1.5% 0;width: 30.5%;}
.certificate-honor-type strong{display: block;color: #156BFF;font-weight: normal;margin: 0;padding: 0;}
.certificate-honor-type p {display: block;margin: 0;padding: 0;margin-top: 0;padding-bottom: 2%; font-size:1vw; line-height:2vw;}
.certificate-honor-bottom {overflow: hidden;}
.certificate-honor-right {float: right;width: 64%;}
.certificate-honor-bottom {margin-top:4.8%;overflow: hidden;position: relative;}
.certificate-honor-bottom::before {top: 0;background: linear-gradient(to top, rgba(255,255,255,0),rgba(255,255,255,.8));}
.certificate-honor-bottom::after {bottom: 0;background: linear-gradient(to bottom, rgba(255,255,255,0),rgba(255,255,255,.8));}
.certificate-honor-bottom::before,.certificate-honor-bottom::after{content: '';width: 100%;height: 35%;position: absolute;left: 0;pointer-events: none;z-index: 11;}
.certificate-honor-swiper {overflow: hidden;height: 500px;}
.certificate-honor-item {position: relative;padding-left: 10%;}
.certificate-honor-item a {display: block;}
.certificate-honor-item .item-title {position: relative;width: 50%;}
.certificate-honor-item .item-title::before {content: '';width: 21px;height: 25px;position: absolute;left: -50px;top: 0;background: url('../images/hic1.png');filter: grayscale(100%);}
.certificate-honor-item .item-title::after {content: '';width: 0;height: 2px;position: absolute;left: 50%;top: 50%;background: #156BFF;transform: translateX(-50%);}
.certificate-honor-item .title-1 {color: #156BFF;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;padding: 0 4%; font-size:1vw; background: #fff;z-index: 11;margin: auto;text-align: center;/*word-break: keep-all;*/max-width: 70%;overflow: hidden;}
.certificate-honor-item .mark-1 {opacity: 1; font-size:0.9vw;}
.honor-show-pic {position: absolute;right: 0;width:32%;height: auto;top:48%;transform: translateY(-48%);opacity: 0;}
.honor-show-pic .img-honor {max-width: 100%;max-height: 100%;}
/* .certificate-honor-item a:hover .honor-show-pic{display: block;}
.certificate-honor-item a:hover .mark-1 {opacity: 0;}
.certificate-honor-item a:hover .title-1 {opacity: 1;}
.certificate-honor-item a:hover .item-title {margin-left: -40px;}
.certificate-honor-item a:hover .item-title::after {width: 100%;}
.certificate-honor-item a:hover .item-title::before {filter: grayscale(0);} */
.certificate-honor-swiper .swiper-slide-active .honor-show-pic{display: block;opacity: 1;}
.certificate-honor-swiper .swiper-slide-active .mark-1 {opacity: 0;}
.certificate-honor-swiper .swiper-slide-active .title-1 {opacity: 1;}
.certificate-honor-swiper .swiper-slide-active .item-title {margin-left: -40px;}
.certificate-honor-swiper .swiper-slide-active .item-title::after {width: 100%;}
.certificate-honor-swiper .swiper-slide-active .item-title::before {filter: grayscale(0);} 


.bra_t_b{display: flex;flex-wrap: wrap;justify-content: space-between; width:86%; margin:auto;}
.bra_t_b_box{width:41.66%; background: #fff;border-radius: 10px;margin-bottom:2.2vw; overflow: hidden;display: flex;padding: 0 3vw;align-items: center;height:10.2vw;}
.bra_t_b_img_box{margin-bottom: 5px;}
.bra_t_b_img_box img{width:3.3vw;height:3.3vw;}
.bra_t_b_img_box .img2{display: none;}
.bra_t_b_img{display: flex;flex-direction: column;align-items: center;justify-content: center;margin-right:1.9vw;flex-shrink: 0;}
.bra_t_b_img>span{color: #156bff; font-size:1.2vw; font-weight:bold; font-family: 'Microsoft YaHei'}
.bra_t_b_p{position: relative;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.bra_t_b_p p{ font-size:1.2vw;}
.bra_t_b_p>span{position: absolute; display:none; bottom: 0;font-size:3.6vw;line-height: 0.8;color: rgba(0,0,0,0.08);text-transform: uppercase;left: -0.07rem;letter-spacing: -0.1em;}
.bra_t_b_box:hover{background: #156bff;}
.bra_t_b_box:hover .bra_t_b_img>span,.bra_t_b_box:hover .bra_t_b_p p{color: #fff;}
.bra_t_b_box:hover .bra_t_b_img_box .img1{display: none;} 
.bra_t_b_box:hover .bra_t_b_img_box .img2{display: block;} 
.bra_t_b_box:hover .bra_t_b_p>span{color: rgba(255,255,255,0.08);}

.banner-video{width: 100%; height:100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%) scale(1.2); z-index: 0;}


.box{ width: 100%; }

.box .zx { display: block; width: 140px; height:44px; float: left; font-size: 15px; color: #fff; line-height:44px; background: #156BFF; text-align: center; text-decoration: none;     border-radius:60px; transition: 0.3s all ease-in-out; }

.box .zx:hover{ background: #e0161a;}
.box .zx img {
    position: relative;
    top: 2px;
    margin-left: 8px;
    width: 17px;
    height: auto;
}

.box .phone { float: left; padding-left: 56px; background: url(../images/proListClassify_phone.png) no-repeat left center; margin-left:30px; margin-top: -8px; }

.box .phone span { display: block; font-size: 14px; color: #fff; line-height: 20px; }

.box .phone em { display: block; font-size: 26px; color: #156BFF; font-family: arial; line-height: 26px; font-style: normal;}



/*解决方案*/
.wp { margin:8% auto 3%;}

@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin:40px auto;}}
@media screen and (max-width:999px) {.wp {width: 95%;margin:40px auto;}}

.wp ul li:nth-child(1){ margin-left:0 !important;}
.wp ul li:nth-child(4){ margin-left:0 !important; }
.wp ul li:nth-child(7){ margin-left:0 !important; }
.wp ul li:nth-child(6){}
@media screen and (min-width:1220px) {.no_margin{margin-left: auto!important;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.no_margin{margin-left: auto!important;}}

.syp{ padding-bottom: 5px;position: relative;}
.sypbt1{display: block;font-size:24px;font-size:2.4rem;line-height: 26px;text-align: center;}
.sypbt2{display: block;font-size: 40px;font-size: 4rem;font-weight: bold;text-align: center;margin-top: 8px;margin-bottom: 12px;}
.sypbt3{display: block;text-align: center;font-size:18px;font-size:1.8rem;color: #888888;line-height: 26px;margin-bottom: 73px;}
.phang{padding-top: 52px;margin-bottom: 80px;}
.phang1{background: url(../images/sybg1.jpg) no-repeat center top;}
.phang2{background: url(../images/sybg2.jpg) no-repeat center top;}
.sypbox{text-align: center;background: #fff;transition: 0.5s;box-shadow: none;padding-bottom:24%;position: relative;z-index: 9;}
.wp ul li{margin-left:3%; float: left; width:31.3%; margin-bottom:6%;}
.syptu{display: block;}
.syptu img{display: block;width: 100%; transition: 0.5s; overflow:hidden;}
.sypxia{padding-top:32px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);width:88.2%;position: absolute;bottom: 0;height:215px;left:6%;background:#fff;}
.sypxia a{display: block;}
.sypp1{font-size:23px;line-height: 27px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#333;}
.sypp2{font-size:16px; color: #666666; line-height:30px;  overflow: hidden; margin:20px auto; width:83%;}
.sypp3{width: 135px;height: 36px;line-height: 36px;text-align: center;border-radius: 18px;margin: 0 auto;border: 1px solid #888;color: #444;}
.sypp1:hover{color: #156BFF;}
/*.sypp2:hover{color: #156BFF;}*/
.sypp3:hover{color: #fff;background: #156BFF;border: 1px solid #156BFF; }
.sypbox:hover .sypcon{box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
.sypbox:hover .syptu img{transform: scale(1.1);}
.sypcon{position: relative; overflow:hidden;}

.sypbox:hover .sypxia{top:13%; display: inline-block; opacity: .9;}

.sypbox:hover .sypp1{ color:#156BFF; padding-top:8px;}
.sypxia :hover{top:24%; display: inline-block; opacity: .9;}
.sypcover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: url(../images/sypcover.png);}
.sypbox:hover .sypcover{top: 0;}
#canvas{position: absolute; top: 0; left: 0; width: 100%;height: 100%;}
@media screen and (max-width:1219px) {
    .sypbox{margin-left: 30px;width: 306px;}
}
@media screen and (max-width:999px) {
    .syp{padding-top: 40px;}
    .sypbt1{font-size:20px;}
    .sypbt2{font-size: 30px;}
    .sypbt3{margin-bottom: 40px;}
    .sypbox{width: 31.3333%;margin: 0 1%;}
    .sypxia{padding-left: 15px;padding-right: 15px;}
    .sypp1{font-size:16px;}
    .sypp2{font-size:14px;}
    .sypcover{display: none;}
}
@media screen and (max-width:767px) {
    .phang{margin-bottom: 45px;}
    .sypbt2{font-size:24px;}
    .sypbt3{font-size:16px;}
    .sypp3{width: 114px;}
}
@media screen and (max-width:500px) {
    .sypbox{width: 48%;margin-bottom: 20px;}
    .phang{margin-bottom: 25px;padding-top: 25px;}
    .sypbt3{margin-bottom: 25px;}
    .sypp3{width: 100px;}
}


.huny{/*width:100%;max-width:1440px;*/overflow:hidden;margin:0 auto;margin-top:5%;}
.huny ul{width:100%;margin-left:0%;overflow:hidden;}
.huny ul li{position:relative;width:31.333%;margin-left:1.5%;float:left;overflow:hidden;background: linear-gradient(73.35deg, #F0F4FA 0%, #EEF0F4 100.69%); margin-bottom:20px;}
.hunyx{margin:30px 30px 100px 30px;overflow:hidden;}
.huny a:hover h3{color:#156BFF;}
.hunyx h3{font-size:24px;line-height:2;font-weight:bold;margin-bottom:20px;}
.hunyx h3 span{font-size:18px;font-weight:normal;}
.hunya{width:500px;overflow:hidden;}
.hunyal{width:15px;overflow:hidden;float:left;margin-top:9px;}
.hunyal img{width:100%;display:block;}
.hunyar{width:485px;overflow:hidden;float:left;}
.hunyar p{text-indent:15px; line-height:30px;}
.hunyb{position:absolute;width:55%;right:0%;top:30%;overflow:hidden;}
.hunyb img{width:100%;display:block;}


.lkas{width:100%;overflow:hidden;background: rgba(246, 249, 252, 1);margin-top:110px;padding-bottom:140px;}
.kjht{margin:0 auto;overflow:hidden;margin-top:120px;padding-bottom:120px;}
.kjht ul{width:104%;margin-left:-2%;overflow:hidden;}
.kjht ul li{position:relative;width:22.5%;float:left;margin-left:2%;overflow:hidden;border-radius:10px;}
.kjht ul li img{width:100%;display:block;transform: scale(1.0);transition: all 1s ease-out;}
.kjht ul li:hover img{transform: scale(1.05);transition: all 1s ease-out;}
.kjht ul li p{position:absolute;color:#fff;width:280px;font-size:16px;line-height:50px;text-align:center;left:0%;bottom:20px;border-top-right-radius:8px;border-bottom-right-radius:8px;background:rgb(0,0,0,0.4);}


.latuw{position:relative; margin:0 auto;margin-top:100px;overflow:hidden;box-shadow: 0px 0px 15px 10px rgba(173, 211, 255, 0.1);border-radius:8px;}
.latuwl{position:relative;width:50%;overflow:hidden;float:left;}
.latuwln{margin:80px;overflow:hidden;}
.latuwr{position:relative;width:50%;overflow:hidden;float:right;}
.latuwr img{width:100%;display:block;}
.latuwln h2{color:#333; font-size:40px;}
.latuwlx{width:60px;height:4px;background: rgba(63, 138, 224, 1);margin-top:20px;}
.latuwln p{margin-top:20px;letter-spacing:0.2em; color:#888; font-family:hs_l;}
.lwws{position:relative;/*width:100%;max-width:1440px;*/margin:0 auto;margin-top:100px; height:200px; overflow:hidden;background: linear-gradient(132.37deg, #3F8AE0 29.84%, #194185 111.61%);border-radius:8px;}
.lwws img{width:100%;display:block;opacity:1;}
.lwwsf{position:absolute;width:100%;height:100%;overflow:hidden;left:0%;top:0%;}
.lwwsf ul{position:relative;width:100%;height:200px;overflow:hidden;}
.lwwsf ul li{position:relative;width:33.33%;height:100%;float:left;overflow:hidden;}
.lwwsf ul li::before{content:"";position:absolute;width:0px;height:60px;left:0%;top:50%;margin-top:-27px;border-right:1px solid #fff;overflow:hidden;}

.foxs{position:absolute;width:260px;left:50%;top:50%;margin-left:-130px;margin-top:-25px;}
.foxs.liwai{position:absolute;width:400px;left:50%;top:50%;margin-left:-175px;margin-top:-25px;}
.foxsl{width:40px;float:left;overflow:hidden;margin-top:5px;}
.foxsl img{width:100%;display:block; margin-top:5px;}
.foxsr{width:205px;overflow:hidden;float:right;}
.foxs.liwai .foxsr{width:330px;}
.foxsr p{color:#fff;line-height:1.8;}
.foxsr p.gly{line-height:3.4;}
